import React, { ReactElement } from 'react';
import { View, Image } from 'react-native';

import styles from './style';
import Button from '../../../../../../components/Button';
import {
  guideCenter,
  guideLeft,
  guideRight
} from '../../../../../../constant/resource';

export default ({ knowAction }: { knowAction: () => void }): ReactElement => {
  return (
    <View style={styles.background}>
      <Image source={guideLeft} style={styles.guideLeft} />
      <Image source={guideCenter} style={styles.guideCenter} />
      <Image source={guideRight} style={styles.guideRight} />
      <Button
        text="我知道了"
        textStyle={styles.desc}
        style={styles.know}
        onPress={knowAction}
      />
    </View>
  );
};
